<template>
    <div class="grid place-content-center p-6">
        <IconCloud :images="imageUrls" />
    </div>
</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue';
const IconCloud = defineAsyncComponent(() => import("@/components/ui/IconCloud/index.vue"))
const slugs = [
    "typescript",
    "javascript",
    "dart",
    "react",
    "flutter",
    "android",
    "html5",
    "nodedotjs",
    "express",
    "nextdotjs",
    "prisma",
    "postgresql",
    "firebase",
    "nginx",
    "vercel",
    "testinglibrary",
    "jest",
    "cypress",
    "docker",
    "git",
    "jira",
    "github",
    "gitlab",
    "androidstudio",
    "figma",
];

const imageUrls = slugs.map((slug) => `https://cdn.simpleicons.org/${slug}/${slug}`);
</script>

<style lang="scss" scoped></style>